
<template>
  <div> <h1>X: {{x}}, Y: {{y}}</h1></div>
</template>

<script lang="ts">
import { ref, computed } from "vue";
import useMousePosition from '../hooks/useMousePosition'
export default {
  name: "test",
  setup() {
    const count = ref(0);

    const double = computed(() => {
      return count.value * 2;
    });

    const increase = () => {
      count.value++;
    };

    const { x, y } = useMousePosition()

    return {
      count,
      double,
      increase,
      x, 
      y,
    };
  },
};
</script>

<style>
</style>
